$(window).load(function(){
    $(".loading").fadeOut()
})
$(function () {
    echarts_1();
    echarts_2();
    echarts_3();
    echarts_4();
    echarts_5();
})
//第一个饼状图
function echarts_1() {
    var option = {
        title: {
            text: '某站点用户访问来源1',
            subtext: '纯属虚构',
            left: 'center'
        },
        tooltip: {
            trigger: 'item',
            formatter: '{a} <br/>{b} : {c} ({d}%)'
        },
        legend: {
            orient: 'vertical',
            left: 'left',
            data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
        },
        series: [
            {
                name: '访问来源',
                type: 'pie',
                radius: '55%',
                center: ['50%', '60%'],
                data: [
                    {value: 335, name: '直接访问'},
                    {value: 310, name: '邮件营销'},
                    {value: 234, name: '联盟广告'},
                    {value: 135, name: '视频广告'},
                    {value: 1548, name: '搜索引擎'}
                ],
                emphasis: {
                    itemStyle: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ]
    };
    // 基于准备好的dom，初始化echarts实例
    var myChart4 = echarts.init(document.getElementById('echart1'));
    // 使用刚指定的配置项和数据显示图表。
    myChart4.setOption(option);
}
//第二个饼状图
function echarts_2() {
    var option = {
        title: {
            text: '某站点用户访问来源',
            subtext: '纯属虚构',
            left: 'center'
        },
        tooltip: {
            trigger: 'item',
            formatter: '{a} <br/>{b} : {c} ({d}%)'
        },
        legend: {
            orient: 'vertical',
            left: 'left',
            data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
        },
        series: [
            {
                name: '访问来源',
                type: 'pie',
                radius: '55%',
                center: ['50%', '60%'],
                data: [
                    {value: 523, name: '直接访问'},
                    {value: 336, name: '邮件营销'},
                    {value: 254, name: '联盟广告'},
                    {value: 135, name: '视频广告'},
                    {value: 200, name: '搜索引擎'}
                ],
                emphasis: {
                    itemStyle: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ]
    };
    // 基于准备好的dom，初始化echarts实例
    var myChart4 = echarts.init(document.getElementById('echart2'));
    // 使用刚指定的配置项和数据显示图表。
    myChart4.setOption(option);
}
//销售统计
function echarts_3() {
    $.ajax({
        type: "GET", //提交方式
        url: base+"/admin/userInfo/selectMoneySale",//路径
        dataType: "json",
        success: function (data) {
            var ym = [];
            var num = [];
            for (let i = 0; i < data.length; i++) {
                ym.push(data[i].time)
                num.push(data[i].num)

            }
    var option = {
        toolbox: {
            show: true,
            orient: 'vertical',
            left: 'right',
            top: 'center',
        },
        color: ['#CC6600'],
        tooltip: {
            trigger: 'axis',
            axisPointer: {            // 坐标轴指示器，坐标轴触发有效
                type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
            }
        },

        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: [
            {
                type: 'category',
                data: ym,
                axisTick: {
                    alignWithLabel: true
                },
                nameTextStyle: {
                    color: '#0A0026'
                },
                axisLine:{  //x轴线
                    show:true,
                    lineStyle: {
                        color: '#000000'
                    }
                },
                splitLine: {
                    show:false,   //X网格线
                    lineStyle:{   //x网格线
                        color: 'red'
                    }
                }
            }
        ],
        yAxis: [
            {
                type: 'value',
                splitArea: {
                    show: false  //y网格区域颜色
                },
                splitLine: {
                    show:true,     //y网格线
                    lineStyle:{
                        color: '#333333'
                    }
                },
                nameTextStyle: {
                    color: '#640A26'
                },
                axisLine: {
                    show:true,
                    lineStyle: {
                        color:'#000000'  //Y轴颜色
                    }
                }
            }
        ],
        series: [
            {
                name: '入驻金额',
                type: 'bar',
                barWidth: '60%',
                data: num
            }
        ]
    };
    // 基于准备好的dom，初始化echarts实例
    var myChart4 = echarts.init(document.getElementById('echart3'));
    // 使用刚指定的配置项和数据显示图表。
    myChart4.setOption(option);
}
    })
}

//商家统计
function echarts_4() {
    $.ajax({
        type: "GET", //提交方式
        url: base+"/admin/userInfo/selectMoney",//路径
        dataType: "json",
        success: function (data) {
            var ym = [];
            var num = [];
            for (let i = 0; i < data.length; i++) {
                ym.push(data[i].time)
                num.push(data[i].num)

            }
            var option = {
                toolbox: {
                    show: true,
                    orient: 'vertical',
                    left: 'right',
                    top: 'center',
                },
                color: ['#FF00FF'],
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {            // 坐标轴指示器，坐标轴触发有效
                        type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
                    }
                },

                grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true
                },
                xAxis: [
                    {
                        type: 'category',
                        data: ym,
                        axisTick: {
                            alignWithLabel: true
                        },
                        nameTextStyle: {
                            color: '#0A0026'
                        },
                        axisLine:{  //x轴线
                            show:true,
                            lineStyle: {
                                color: '#000000'
                            }
                        },
                        splitLine: {
                            show:false,   //X网格线
                            lineStyle:{   //x网格线
                                color: 'red'
                            }
                        }
                    }
                ],
                yAxis: [
                    {
                        type: 'value',
                        splitArea: {
                            show: false  //y网格区域颜色
                        },
                        splitLine: {
                            show:true,     //y网格线
                            lineStyle:{
                                color: '#333333'
                            }
                        },
                        nameTextStyle: {
                            color: '#640A26'
                        },
                        axisLine: {
                            show:true,
                            lineStyle: {
                                color:'#000000'  //Y轴颜色
                            }
                        }
                    }
                ],
                series: [
                    {
                        name: '入驻金额',
                        type: 'bar',
                        barWidth: '60%',
                        data: num
                    }
                ]
            };
            // 基于准备好的dom，初始化echarts实例
            var myChart4 = echarts.init(document.getElementById('echart4'));
            // 使用刚指定的配置项和数据显示图表。
            myChart4.setOption(option);
        }
        })
}

function echarts_1() {
    var option = {
        title: {
            text: '某站点用户访问来源',
            subtext: '纯属虚构',
            left: 'center'
        },
        tooltip: {
            trigger: 'item',
            formatter: '{a} <br/>{b} : {c} ({d}%)'
        },
        legend: {
            orient: 'vertical',
            left: 'left',
            data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
        },
        series: [
            {
                name: '访问来源',
                type: 'pie',
                radius: '55%',
                center: ['50%', '60%'],
                data: [
                    {value: 335, name: '直接访问'},
                    {value: 310, name: '邮件营销'},
                    {value: 234, name: '联盟广告'},
                    {value: 135, name: '视频广告'},
                    {value: 1548, name: '搜索引擎'}
                ],
                emphasis: {
                    itemStyle: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ]
    };
    // 基于准备好的dom，初始化echarts实例
    var myChart4 = echarts.init(document.getElementById('echart1'));
    // 使用刚指定的配置项和数据显示图表。
    myChart4.setOption(option);
}
//第三个饼状图
function echarts_5() {
    var option = {
        title: {
            text: '某站点用户访问来源',
            subtext: '纯属虚构',
            left: 'center'
        },
        tooltip: {
            trigger: 'item',
            formatter: '{a} <br/>{b} : {c} ({d}%)'
        },
        legend: {
            orient: 'vertical',
            left: 'left',
            data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
        },
        series: [
            {
                name: '访问来源',
                type: 'pie',
                radius: '55%',
                center: ['50%', '60%'],
                data: [
                    {value: 200, name: '直接访问'},
                    {value: 300, name: '邮件营销'},
                    {value: 325, name: '联盟广告'},
                    {value: 135, name: '视频广告'},
                    {value: 400, name: '搜索引擎'}
                ],
                emphasis: {
                    itemStyle: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ]
    };
    // 基于准备好的dom，初始化echarts实例
    var myChart4 = echarts.init(document.getElementById('echart5'));
    // 使用刚指定的配置项和数据显示图表。
    myChart4.setOption(option);
}